import * as React from 'react';
import {observer} from 'mobx-react'
import styles from './index.scss';

import Swiper from './Swiper'

import car from '../../../assets/imgs/test/car.png'
import {IEmergencyrType} from "../../../type/firstType";

interface IProps {
    emergencyrList: IEmergencyrType[]
}

@observer
class Home extends React.Component<IProps> {

    constructor(props) {
        super(props);
    }


    public render() {
        const {emergencyrList} = this.props
        return (
            <div className={styles.twoBottom}>
                <div className={styles.title}>
                    <img src={car} className={styles.img} />
                    备件物流状态
                </div>
                <Swiper emergencyrList={emergencyrList} borderBottom='0.5px solid rgb(39,197,135)' borderTop='0.5px solid rgb(39,197,135)' />
            </div>
        );
    }
}

export default Home;
